<div class="idle-settings">
  <div class="inline-drawer">
    <div class="inline-drawer-toggle inline-drawer-header" title="Indicates the settings for the idle feature.">
      <b>Idle</b>
      <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
    </div>

    <div class="inline-drawer-content">
      <div class="idle_block flex-container">
        <input id="idle_enabled" type="checkbox" title="Toggle to enable or disable the idle feature." />
        <label for="idle_enabled">Enabled</label>
      </div>
      <div class="idle_block flex-container">
        <input id="idle_repeats" class="text_pole widthUnset" type="number" min="0" max="100000" step="1" title="The number of times the idle action will be prompted." />
        <label for="idle_repeats">Idle Prompt Count</label>
      </div>
      <div class="idle_block flex-container" style="display: none;">
        <input id="idle_timer_min" class="text_pole widthUnset" type="number" min="0" max="600000" step="1" title="The minimum amount of time in seconds before the idle action is triggered." />
        <label for="idle_timer_min">Idle Timer Minimum (seconds)</label>
      </div>
      <div class="idle_block flex-container">
        <input id="idle_timer" class="text_pole widthUnset" type="number" min="0" max="600000" step="1" title="The amount of time in seconds before the idle action is triggered." />
        <label for="idle_timer">Idle Timer (seconds)</label>
      </div>
      <div class="idle_block flex-container">
        <label for="idle_prompts">Idle Prompts</label>
        <textarea id="idle_prompts" class="text_pole textarea_compact" rows="6" title="The prompts to be sent to initial the idle reply (newline seperated)."></textarea>
      </div>
      <div class="idle_block flex-container">
        <input id="idle_use_continuation" type="checkbox" title="Indicates whether the idle action will just use the 'Continue' function instead of a prompt." />
        <label for="idle_use_continuation">Use Continuation</label>
      </div>
      <div class="idle_block flex-container">
        <input id="idle_random_time" type="checkbox" title="Indicates if the idle time should be randomized between a min/max value." />
        <label for="idle_random_time">Randomize Time</label>
      </div>
      <div class="idle_block flex-container">
        <input id="idle_include_prompt" type="checkbox" title="Indicates if the idle prompting should be included in context. (Sends as user)" />
        <label for="idle_include_prompt">Include Idle Prompt</label>
      </div>
      <div class="idle_block flex-container">
        <label for="idle_sendAs">Send As</label>
        <select id="idle_sendAs" class="text_pole" title="Determines how the idle message prompting is sent; as a user, character, system, or raw message.">
          <option value="user">User</option>
          <option value="char">Character</option>
          <option value="sys">System</option>
          <option value="raw">Raw</option>
        </select>
      </div>

      <hr class="sysHR" />
    </div>
  </div>
</div>
